<template>
  <div class="right-box">
    <div class="right-data-top">
      <Top />
    </div>
    <div class="right-data-bottom">
      <Bottom />
    </div>
  </div>
</template>

<script>
import Top from './components/Top.vue'
import Bottom from './components/Bottom.vue'

export default {
  components: {
    Top,
    Bottom
  }
}
</script>

<style lang="less" scoped>
.right-box {
  height: 100%;
  display: flex;
  flex-direction: column;

  > div {
    flex: 1;
  }
}
</style>
